<#include "header.ftl">
	<link rel="stylesheet" href="${TEMPLATE_BASE_PATH}/plugins/tabs/css/style.css">
	<div class="container">
		<div class="row">
			<div class="col-md-12">
				<div class="panel panel-primary">
					<div class="block_home_slider" id="bigImage">
						<div id="home_slider" class="flexslider">
							<ul class="slides">
								<li>
									<div class="slide">
										<img src="${TEMPLATE_BASE_PATH}/images/4.jpg" alt="" />
									</div>
								</li>
								<li>
									<div class="slide">
										<img src="${TEMPLATE_BASE_PATH}/images/5.jpg" alt="" />
									</div>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-12">
				<div class="panel panel-primary">
					<div class="panel-heading">
						<p class="panel-title">
							服务项目推荐 <a class="link-more" href="#"></a>
						</p>
					</div>
					<div class="panel-body">
		    <ul class="nav nav-tabs" id="myTab">
		      <li class="active"><a href="#a" data-toggle="tab">代理记账</a></li>
		      <li><a href="#b" data-toggle="tab">税务筹划及代理</a></li>
		      <li><a href="#c" data-toggle="tab">财税顾问</a></li>
		      <li><a href="#d" data-toggle="tab">工商注册及代理</a></li>
		      <li><a href="#e" data-toggle="tab">审计评估</a></li>
		    </ul>
        <div class="tab-content">
        	
          <div class="tab-pane active" id="a" style="border:1px solid #dddddd;height:235px;">
			<p>1.代购帐薄及记帐凭证（费用由客户自理）</p> 
		 　	<p>2.开立会计帐户，建立会计核算帐户体系</p> 
		 　	<p>3.根据客户提供的合法原始凭证编制会计分录</p><br/>
		 	<p>4.记帐及结帐</p> 
		　	<p>5.编制会计报表...</p> 
          </div>
          <div class="tab-pane" id="b" style="border:1px solid #dddddd;height:235px;">
    		
    	  </div>
          <div class="tab-pane" id="c" style="border:1px solid #dddddd;height:235px;">CCCCThirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae.</div>
          <div class="tab-pane" id="d" style="border:1px solid #dddddd;height:235px;">DDDDDSecondo sed ac orci quis tortor imperdiet venenatis. Duis elementum auctor accumsan. Aliquam in felis sit amet augue.</div>
          <div class="tab-pane" id="e" style="border:1px solid #dddddd;height:235px;">EEEEEThirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae.</div>
          <div class="tab-pane" id="f" style="border:1px solid #dddddd;height:235px;">FFFFFFThirdamuno, ipsum dolor sit amet, consectetur adipiscing elit. Duis pharetra varius quam sit amet vulputate. Quisque mauris augue, molestie tincidunt condimentum vitae.</div>
       	
        </div><!-- /tab-content -->
      </div><!-- /tabbable -->
					</div>
			</div>
		</div>
		<div class="row">
			<div class="col-md-8">
				<div class="panel panel-primary">
					<div class="panel-heading">
						<p class="panel-title">
							关于我们 <a style="float: right;" href="#"> 更多>> </a>
						</p>
					</div>
					<div class="panel-body">
						<div class="col-md-5">
							<img src="${TEMPLATE_BASE_PATH}/images/1.jpg" alt="..." class="img-thumbnail">
						</div>
						<div class="col-md-7">
							<strong> 关于“为合作伙伴创造价值” </strong><br> 认为客户、供应商、公司股东、公司员工等一切和自身有合作关系的单位和个人都是自己的合作伙伴，并只有通过努力为合作伙伴创造价值，才能体现自身的价值并获得发展和成功。 <br> <br> <br> <strong>
								关于“诚实、宽容、创新、服务” </strong> <br> 认为诚信是一切合作的基础，宽容是解决问题的前提，创新是发展事业的利器，服务是创造价值的根本。
						</div>
					</div>
				</div>
			</div>

			<div class="col-md-4">
				<div class="panel panel-primary">
					<div class="panel-heading">
						<p class="panel-title">
							客户案例 <a style="float: right;" href="#"> 更多>> </a>
						</p>
					</div>
					<div class="panel-body">
						<div class="row">
							<div class="col-md-5">
								<a href="#"> <img src="${TEMPLATE_BASE_PATH}/images/1.jpg" alt="..." class="img-thumbnail">
								</a>
							</div>
							<div class="col-md-7">
								<strong> <a href="#" class="title-link"> 示例案例one </a>
								</strong> <br> 相关描述文字，相关描述文字，相关描述文字，相关描述文字，相关..
							</div>
						</div>
						<div class="row">
							<hr>
							<div class="col-md-5">
								<a href="#"> <img src="${TEMPLATE_BASE_PATH}/images/2.jpg" alt="..." class="img-thumbnail">
								</a>
							</div>
							<div class="col-md-7">
								<strong> <a href="#" class="title-link"> 示例案例two </a>
								</strong> <br> 相关描述文字，相关描述文字，相关描述文字，相关描述文字，相关..
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
		
		<div class="row">
			<div class="col-md-4">
				<div class="panel panel-primary">
					<div class="panel-heading">
						<p class="panel-title">
							公司动态 <a class="link-more" href="#"> 更多>> </a>
						</p>
					</div>
					<div class="panel-body">
						<#list dynamicList as dynamic>
							<div class="title-top">
								<span class="glyphicon glyphicon-play"></span> 
								<a href="#" class="title-link" title="This is a title."> 
									${dynamic.title}
								</a> 
								<span class="title-date">${dynamic.createTime?date}</span>
							</div>
						</#list>
					</div>
				</div>
			</div>

			<div class="col-md-4">
				<div class="panel panel-primary">
					<div class="panel-heading">
						<p class="panel-title">
							业界资讯 <a class="link-more" href="#"> 更多>> </a>
						</p>
					</div>
					<div class="panel-body">
							<#list informationList as information>
							<div class="title-top">
								<span class="glyphicon glyphicon-play"></span> 
								<a href="#" class="title-link" title="This is a title."> 
									${information.title}
								</a> 
								<span class="title-date">${information.createTime?date}</span>
							</div>
							</#list>
					</div>
				</div>
			</div>
			<div class="col-md-4">
				<div class="panel panel-primary">
					<div class="panel-heading">
						<p class="panel-title">
							最新财税法规 <a class="link-more" href="#"> 更多>> </a>
						</p>
					</div>
					<div class="panel-body">
							<#list lawsList as laws>
							<div class="title-top">
								<span class="glyphicon glyphicon-play"></span> 
								<a href="#" class="title-link" title="This is a title."> 
									${laws.title}
								</a> 
								<span class="title-date">${laws.createTime?date}</span>
							</div>
							</#list>
					</div>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="col-md-12">
				<div class="panel panel-primary">
					<div class="panel-heading">
						<p class="panel-title">
							合作客户 <a class="link-more" href="#"> 更多>> </a>
						</p>
					</div>
					<div class="panel-body">
						<div class="row">
							<div class="col-xs-6 col-md-2">
								<a href="#" class="thumbnail"> <img src="${TEMPLATE_BASE_PATH}/images/1.jpg" alt="...">
								</a>
							</div>
							<div class="col-xs-6 col-md-2">
								<a href="#" class="thumbnail"> <img src="${TEMPLATE_BASE_PATH}/images/2.jpg" alt="...">
								</a>
							</div>
							<div class="col-xs-6 col-md-2">
								<a href="#" class="thumbnail"> <img src="${TEMPLATE_BASE_PATH}/images/1.jpg" alt="...">
								</a>
							</div>
							<div class="col-xs-6 col-md-2">
								<a href="#" class="thumbnail"> <img src="${TEMPLATE_BASE_PATH}/images/2.jpg" alt="...">
								</a>
							</div>
							<div class="col-xs-6 col-md-2">
								<a href="#" class="thumbnail"> <img src="${TEMPLATE_BASE_PATH}/images/1.jpg" alt="...">
								</a>
							</div>
							<div class="col-xs-6 col-md-2">
								<a href="#" class="thumbnail"> <img src="${TEMPLATE_BASE_PATH}/images/2.jpg" alt="...">
								</a>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="row">
			<div class="col-md-12">
				<div class="panel panel-default">
					<div class="panel-heading">
						<p class="panel-title">
							友情链接 <a class="link-more" href="#"> 更多>> </a>
						</p>
					</div>
					<div class="panel-body">
						<a href="#" class="friendly-link"> GraceUp </a> <a href="#" class="friendly-link"> 友情链接 </a>
					</div>
				</div>
			</div>
		</div>
	</div>
	<#include "footer.ftl">
	<link rel="stylesheet" href="${TEMPLATE_BASE_PATH}/plugins/tabs/js/index.js">
	<script src="${TEMPLATE_BASE_PATH}/js/jquery.flexslider-min.js"></script>
	<!--轮播大图 -->
	<script type="text/javascript">
		$(function() {
			$('#home_slider').flexslider({
				animation : 'slide',
				controlNav : false,
				directionNav : true,
				animationLoop : true,
				slideshow : false,
				useCSS : false,
				slideshow : true,
				touch : true
			});
		});
		$(function() {
			 $('#myTab a').mouseenter(function (e) { 
			 console.debug(111);
	          e.preventDefault();//阻止a链接的跳转行为 
	          $(this).tab('show');//显示当前选中的链接及关联的content 
        	}) 
		});
	</script>
</body>
</html>